www.gusucode.com > 简洁外贸公司电子科技产品网站源码 白色织梦企业站模板（demo38） > 简洁外贸公司电子科技产品网站源码 白色织梦企业站模板（demo38）/www6/templets/demo380958/css/default_blue.css

    /*默认蓝色*/
/* Www.AdminBuy.Cn 做最好的织梦模板 */
.SonlineBox {
	width:162px;
	font-size:12px;
	overflow:hidden;
	z-index:9999;
}
.SonlineBox .openTrigger {
	width:30px;
	height:110px;
	position:absolute;
	top:0px;
	z-index:1;
	cursor:pointer;
	background:#0176ba url(../images/openTrigger.jpg) no-repeat;
}
.SonlineBox .titleBox {
	width:158px;
	height:35px;
	line-height:35px;
	background:#038bdc url(../images/SonlineTitleBg.gif) repeat-x;
	border-bottom:2px solid #0176ba;
}
.SonlineBox .titleBox span {
	margin-left:10px;
	color:#fff;
	font-size:14px;
	font-family:'微软雅黑', '黑体';
}
.SonlineBox .contentBox {
	width:158px;
	height:auto;
	border:2px solid #0176ba;
	background:#fff;
	position:absolute;
	z-index:2;
}
.SonlineBox .contentBox .closeTrigger {
	width:25px;
	height:25px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:5px;
	right:5px;
	-webkit-transition:all 0.8s ease-out;
}
.SonlineBox .contentBox .closeTrigger:hover {
	-webkit-transform:scale(1) rotate(360deg);
}
.SonlineBox .contentBox .listBox {
	overflow:hidden;
	margin-bottom:10px;
}
.SonlineBox .contentBox .listBox .QQList {
	display:block;
	width:86%;
	height:22px;
	margin:10px auto 0px auto;
}
.SonlineBox .contentBox .listBox .QQList span {
	float:left;
	line-height:22px;
}
.SonlineBox .contentBox .listBox .QQList a {
	float:left;
}